<template>
  <div>
    <el-row id="panel">
    </el-row>
    <el-row id="introduce_info">
      <div>
        <span style="display:block;font-size: 40px;font-weight: bold;">公司介绍</span>
        <span style="display:block;font-size: 14px;font-weight: bold;color:#909399;">COMPANY INTRODUCTION</span>
      </div>
      <el-divider></el-divider>
      <el-row :gutter="30">
        <el-col :xs="24" :sm="24" :md="24" :lg="10" :xl="10">
          <el-image :src="require('../assets/img/company.png')" fit="fill" />
        </el-col>
        <el-col :xs="24" :sm="24" :md="24" :lg="14" :xl="14">
          <span style="display:block;line-height: 2;text-indent: 2em;">
            成都小鸣智造科技有限公司成立于2023年04月14日，地址位于四川省成都市郫都区现代工业港北片区长生桥路889号。
            主营业务包括<span style="font-weight: bold;">3C类与设备类产品总装代工、3C产品研发设计制造、制造型企业信息化解决方案提供</span>等。
            小鸣智造专业的技术团队，具有10+年的产品设计与制造的经验，具备从产品孵化到量产所需的专业技术能力，包括<span style="font-weight: bold;">研发设计、制造技术</span>与<span style="font-weight: bold;">质量管理</span>等。
            小鸣智造自有的生产工厂占地1700㎡，已建设多条柔性化生产线体，可满足业务要求。工厂具备完整的仓储、生产、物流、IT系统和后勤保障体系，并通过了ISO9001/ISO14001/ISO45001等体系认证。
            小鸣智造已部署ERP、MES等重要数字化系统共享平台，可为业务提供全流程的数字化共享服务，同时小鸣智造具备全流程IT系统自研能力，也可提供专业的定制化解决方案服务。
            小鸣智造坚持“创业精神、专业进取、诚信共赢、成就客户”的企业文化，为客户提供先进的技术、优良的品质和优质的服务，致力于打造为行业领先的数字化共享工厂。
          </span>
        </el-col>
      </el-row>
      <el-row style="padding: 100px 0px">
        <div align="center" style="display:block;font-size: 30px;font-weight: bold;">我们的能力</div>
        <div align="center" style="display:block;font-size: 22px;font-weight: bold;color:#909399;margin-bottom: 80PX;">ABILITY</div>
        <div align="center">
          <el-image :src="require('../assets/img/business-scope.png')" fit="fill" style="width: 80%;" />
        </div>
      </el-row>
      <el-row>
        <div align="center" style="display:block;font-size: 30px;font-weight: bold;">我们的证书</div>
        <div align="center" style="display:block;font-size: 22px;font-weight: bold;color:#909399;margin-bottom: 80px;">CERTIFICATE</div>
        <VueSlickCarousel style="width: 100%" v-bind="carouselOptions">
          <el-image :src="require('../assets/img/certificate/9000.png')" fit="fill" />
          <el-image :src="require('../assets/img/certificate/14001.png')" fit="fill" />
          <el-image :src="require('../assets/img/certificate/45001.png')" fit="fill" />
          <el-image :src="require('../assets/img/certificate/AOT.jpg')" fit="fill" />
          <el-image :src="require('../assets/img/certificate/ESOP.jpg')" fit="fill" />
          <el-image :src="require('../assets/img/certificate/mes.jpg')" fit="fill" />
          <el-image :src="require('../assets/img/certificate/QIMS.jpg')" fit="fill" />
          <el-image :src="require('../assets/img/certificate/test.jpg')" fit="fill" />
          <el-image :src="require('../assets/img/certificate/wms.jpg')" fit="fill" />
        </VueSlickCarousel>
      </el-row>
    </el-row>
  </div>
</template>
<script>
import VueSlickCarousel from 'vue-slick-carousel'
import 'vue-slick-carousel/dist/vue-slick-carousel.css'
import 'vue-slick-carousel/dist/vue-slick-carousel-theme.css'
export default {
  components: {
    VueSlickCarousel
  },
  data () {
    return {
      carouselOptions: {
        infinite: true, // 是否无限循环展示内容
        arrows: true, // 展示箭头
        dots: false, // 启用点指示器
        autoplay: true,
        pauseOnHover: false,
        slidesToShow: 5, // 同时显示的项目数量
        slidesToScroll: 1 // 每次滚动的项目数量
      }
    }
  }
}
</script>
<style scoped lang="less">
#panel {
  height: 400px;
  width: 100%;
  background: url('../assets/img/introduce.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  padding-left: 15%;
}
#introduce_info {
  padding: 40px 10%;
  color: #303133;
}
</style>
